<template>
  <div class="recordList">
    <ul>
      <!-- <li v-for="(item, index) of growthlist" :key = "index">
        <p>
          <span>{{item.time}}</span>
          <span>{{item.day}}天</span>
          <i class="iconfont icon-jiahao3"></i>
        </p>
        <p>{{item.text}}</p>
        <p>
          <span>身高{{item.height}}CM</span>
          <span>体重{{item.weight}}KG</span>
        </p>
        <p>头围{{item.dead_size}}CM</p>
      </li> -->
      <!-- <li>11</li> -->
      <li>
        <p>
          <span>2018.9.15</span>
          <span>30天</span>
          <i class="iconfont icon-jiahao3"></i>
        </p>
        <p>身体健康</p>
        <p>
          <span>身高54CM</span>
          <span>体重4.5KG</span>
        </p>
        <p>头围36.9CM</p>
      </li>
      <li>
        <p>
          <span>2018.9.15</span>
          <span>30天</span>
          <i class="iconfont icon-jiahao3"></i>
        </p>
        <p>身体健康</p>
        <p>
          <span>身高54CM</span>
          <span>体重4.5KG</span>
        </p>
        <p>头围36.9CM</p>
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data () {
    return {
      growthlist: []
    }
  },
  created () {
    // axios.get('sgj/article/').then(data => {
    //   console.log(data)
    //   console.log(data.data.returnValue[1])
    //   this.growthlist=data.data.returnValue[1]
    // })
  }
}
// console.log({{item.time}})
</script>

<style lang="scss" scoped>
@import '@/lib/reset.scss';
.recordList {
  ul {
     @include rect(100%, 2.1rem);
    li {
      @include rect(100%, 110px);
      @include background-color(#e3e3e3);
      border-radius: 12px;
      position: relative;
      padding:0rem 15px;
      overflow: hidden;
      margin-top:10px;
      p{color:#666;font-size: 14px;height: 20px;}
      p:nth-of-type(1){
        margin-top:10px;
        span{margin-right:20px}
        i{float: right;font-size: 15px;font-weight: 900;}
      }
    }
  }
}
</style>
